<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/myOrder.css"/>
	</head>
	<body>
		<div class="yoho_header">
		<div id="header_top">
			<div class="left_part">
				<a href="">YOHO!有货</a>
			</div>
			<div class="right_part">
				<div class="login_box">
					<span id="hi">Hi~</span>
					<a id="login_bar" href="">[请登录]</a>
					<a id="reg_bar" href="">[免费注册]</a>
				</div>
				<div class="tag_list_wrapper">
					<ul class="tag_list">
						<li class="tag_item myyoho">
							<a href="">MY有货</a>
						</li>
						<li class="tag_item myorder">
							<a href="">我的订单</a>
							
						</li>
						<li class="tag_item mycollect">
							<a href="">我的收藏</a>
							
						</li>
						<li class="tag_item message">
							<a href="">消息</a>
							
						</li>
						<li class="tag_item phone">
							<a href="">手机版</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
		<div class="yoho_nav">
			<div class="navcontent">
				<ul class="first-nav-list">
					<li class="first-nav-item boys">
						<p class="cn" >
							<a  href="">男生</a>
						</p>
						<p class="en">
							<a   href="">BOYS</a>
						</p>
						<div class="sub-nav-wrapper">
							<ul class="sub-nav-list">
								<li class="sub-nav-item">
									<a class="soncate" href="">新品到着</a>
								</li>
								<li class="sub-nav-item">
									<a class="soncate" href="">品牌一览</a>
								</li>
								<li class="sub-nav-item">
									<a class="secondcate soncate" href="">服饰</a>
									<div class="third-nav-wrapper">
										<div class="third_nav">
											<div id="category05" class="categorywrapper">
												<ul class="cate_row1 cate_row">
													<li class="catetitle">
														<a href="">服饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">太阳镜/眼镜</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">帽子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">袜子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手表</a>
													</li>
													<li class="catetitle">
														<a href="">首饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">戒指</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">耳钉</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手链</a>
													</li>
												</ul>
												<ul class="cate_row2 cate_row">
													<li class="catetitle">
														<a href="">服饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">太阳镜/眼镜</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">帽子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">袜子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手表</a>
													</li>
													<li class="catetitle">
														<a href="">首饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">戒指</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">耳钉</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手链</a>
													</li>
												</ul>
												<ul class="cate_row3 cate_row">
													<li class="catetitle">
														<a href="">服饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">太阳镜/眼镜</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">帽子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">袜子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手表</a>
													</li>
													<li class="catetitle">
														<a href="">首饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">戒指</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">耳钉</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手链</a>
													</li>
												</ul>
												
											</div>
											<div class="showdetail">
												<a href="">
													<img src="./images/02922e55f8c84de3a8dc72d03b48238ff8.jpg" alt="" />
												</a>
												<a  class="title" href="">热门小物优选</a>
											</div>
										</div>
									</div>
								</li>
								<li class="sub-nav-item">
									<a class="soncate" href="">服饰</a>
									<div class="third-nav-wrapper">
										<div class="third_nav">
											<div id="category05" class="categorywrapper">
												<ul class="cate_row1 cate_row">
													<li class="catetitle">
														<a href="">服饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">太阳镜/眼镜</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">帽子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">袜子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手表</a>
													</li>
													<li class="catetitle">
														<a href="">首饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">戒指</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">耳钉</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手链</a>
													</li>
												</ul>
												<ul class="cate_row2 cate_row">
													<li class="catetitle">
														<a href="">服饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">太阳镜/眼镜</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">帽子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">袜子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手表</a>
													</li>
													<li class="catetitle">
														<a href="">首饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">戒指</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">耳钉</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手链</a>
													</li>
												</ul>
												<ul class="cate_row3 cate_row">
													<li class="catetitle">
														<a href="">服饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">太阳镜/眼镜</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">帽子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">袜子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手表</a>
													</li>
													<li class="catetitle">
														<a href="">首饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">戒指</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">耳钉</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手链</a>
													</li>
												</ul>
												
											</div>
											<div class="showdetail">
												<a href="">
													<img src="./images/02922e55f8c84de3a8dc72d03b48238ff8.jpg" alt="" />
												</a>
												<a  class="title" href="">热门小物优选</a>
											</div>
										</div>
									</div>
								</li>
								<li class="sub-nav-item">
									<a class="soncate" href="">服饰</a>
									<div class="third-nav-wrapper">
										<div class="third_nav">
											<div id="category05" class="categorywrapper">
												<ul class="cate_row1 cate_row">
													<li class="catetitle">
														<a href="">服饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">太阳镜/眼镜</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">帽子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">袜子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手表</a>
													</li>
													<li class="catetitle">
														<a href="">首饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">戒指</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">耳钉</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手链</a>
													</li>
												</ul>
												<ul class="cate_row2 cate_row">
													<li class="catetitle">
														<a href="">服饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">太阳镜/眼镜</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">帽子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">袜子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手表</a>
													</li>
													<li class="catetitle">
														<a href="">首饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">戒指</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">耳钉</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手链</a>
													</li>
												</ul>
												<ul class="cate_row3 cate_row">
													<li class="catetitle">
														<a href="">服饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">太阳镜/眼镜</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">帽子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">袜子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手表</a>
													</li>
													<li class="catetitle">
														<a href="">首饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">戒指</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">耳钉</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手链</a>
													</li>
												</ul>
												
											</div>
											<div class="showdetail">
												<a href="">
													<img src="./images/02922e55f8c84de3a8dc72d03b48238ff8.jpg" alt="" />
												</a>
												<a  class="title" href="">热门小物优选</a>
											</div>
										</div>
									</div>
								</li>
								<li class="sub-nav-item">
									<a class="soncate" href="">服饰</a>
									<div class="third-nav-wrapper">
										<div class="third_nav">
											<div id="category05" class="categorywrapper">
												<ul class="cate_row1 cate_row">
													<li class="catetitle">
														<a href="">服饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">太阳镜/眼镜</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">帽子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">袜子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手表</a>
													</li>
													<li class="catetitle">
														<a href="">首饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">戒指</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">耳钉</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手链</a>
													</li>
												</ul>
												<ul class="cate_row2 cate_row">
													<li class="catetitle">
														<a href="">服饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">太阳镜/眼镜</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">帽子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">袜子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手表</a>
													</li>
													<li class="catetitle">
														<a href="">首饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">戒指</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">耳钉</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手链</a>
													</li>
												</ul>
												<ul class="cate_row3 cate_row">
													<li class="catetitle">
														<a href="">服饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">太阳镜/眼镜</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">帽子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">袜子</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手表</a>
													</li>
													<li class="catetitle">
														<a href="">首饰</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink hot" href="">戒指</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">耳钉</a>
													</li>
													<li class="catedetail">
														<a class="thirdcatelink " href="">手链</a>
													</li>
												</ul>
												
											</div>
											<div class="showdetail">
												<a href="">
													<img src="./images/02922e55f8c84de3a8dc72d03b48238ff8.jpg" alt="" />
												</a>
												<a  class="title" href="">热门小物优选</a>
											</div>
										</div>
									</div>
								</li>
								<li class="sub-nav-item">
									<a class="soncate" href="">服饰</a>
									
								</li>
								<li class="sub-nav-item">
									<a class="soncate" href="">服饰</a>
									
								</li>
							</ul>
							
						</div>
					</li>
					<li class="first-nav-item girls">
						<p class="cn" >
							<a  href="">女生</a>
						</p>
						<p class="en">
							<a   href="">GIRLS</a>
						</p>
					</li>
					<li class="first-nav-item kids">
						<p class="cn" >
							<a  href="">潮童</a>
						</p>
						<p class="en">
							<a   href="">KIDS</a>
						</p>
					</li>
					<li class="first-nav-item life">
						<p class="cn" >
							<a  href="">创意生活</a>
						</p>
						<p class="en">
							<a   href="">LIFE STYLE</a>
						</p>
					</li>
				</ul>
				<div class="logo">
					<a href=""></a>
				</div>
				<div class="header-tool float-right">
					<div class="search float-left searchcateboys">
						<form action="" method="get">
							<div class="searchdiv">
								<input type="search" name="" id="" value="" class="seagoods"/>
							</div>
							<a href="" class="subsea">搜索</a>
						</form>
					</div>
					<div id="miniCartBox">
						<div id="goodsnum">
							0
						</div>
						<div id="Cartdetail">
							<span id="information">
								你的购物车暂时无商品
							</span>
						</div>
					</div>
				</div>
			</div>
	</div>
		<div class="orders-me-page me-page yoho-page clearfix">
			<div class="home-path">
				<span class="path-icon"></span>
				<a href="">YOHO!有货首页</a>>
				<a href="">个人中心</a>>
				<span>订单中心</span>
			</div>
			<div class="home-navigation block">
				<p class="title ucenter"></p>
				<div class="user-thumb">
					<div class="thumb-bg">
						<img id="user-thumb" src="./images/Home/01cae078abe5fe320c88cdf4c220212688.gif" alt="" />
					</div>
				</div>
				<div class="nav-group">
					<div class="nav-title row">
						<span class="title-icon"></span>
						交易管理
					</div>
					<ul>
						<li class="row first active">
							<a href="">我的订单</a>
						</li>
						<li class="row">
							<a href="">我的收藏</a>
						</li>
						<li class="row">
							<a href="">我的YOHO币</a>
						</li>
						<li class="row">
							<a href="">我的红包</a>
						</li>
						<li class="row">
							<a href="">我的优惠券</a>
						</li>
						<li class="row">
							<a href="">我的VIP</a>
						</li>
					</ul>
				</div>
				<div class="nav-group">
					<div class="nav-title row">
						<span class="title-icon"></span>
						服务中心
					</div>
					<ul>
						<li class="row ">
							<a href="">我的退/换货</a>
						</li>
						<li class="row">
							<a href="">我的咨询</a>
						</li>
						<li class="row">
							<a href="">我的评论</a>
						</li>
						<li class="row">
							<a href="">我的投诉</a>
						</li>
						<li class="row">
							<a href="">我的信息</a>
							<span>（1）</span>
						</li>
						<li class="row">
							<a href="">在线客服</a>
						</li>
					</ul>
				</div>
				<div class="nav-group">
					<div class="nav-title row">
						<span class="title-icon"></span>
						个人信息管理
					</div>
					<ul>
						<li class="row ">
							<a href="">编辑个人资料</a>
						</li>
						<li class="row">
							<a href="">账号安全</a>
						</li>
						<li class="row">
							<a href="">地址管理</a>
						</li>
						<li class="row">
							<a href="">兑换礼品卡</a>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="me-main">
				<div class="orders block">
					<div class="title">VIP金额累计需要订单成功且无退换货</div>
					<ul class="tabs clearfix">
						<li class="active">
							<a href="">现有订单</a>
						</li>
						<li>
							<a href="">成功订单</a>
						</li>
						<li>
							<a href="">已取消订单</a>
						</li>
						<li>
							<a href="">历史订单</a>
						</li>
					</ul>
					
					<div class="me-orders">
						<p class="order-table-header table-header clearfix">
							<span class="info">商品信息</span>
							<span class="price">单价（元）</span>
                            <span class="count">数量</span>
                            <span class="pay">实付款（元）</span>
                            <span class="order-status">订单状态</span>
                            <span class="operation">操作</span>
						</p>
						
						<div class="order">
							<p class="order-title">
								订单编号：1611170939
								<span class="right">下单时间：2016-05-21 23:51:51</span>
							</p>
							<div class="order-wrap">
								<ul>
									<li>
										<div class="info clearfix">
											<a class="thumb-wrap" href="">
												<img class="thumb" src="./images/0291affd7eb9c3a17994433cf0f11cb4ef.jpg" alt="" />
											</a>
											<div class="text-info">
												<a class="name" href="">New Balance 996复古跑鞋</a>
												<span class="color-size">颜色：灰色   尺码：37码 </span>
											</div>
										</div>
										<div class="price">819.00</div>
										<div class="count">1</div>
									</li>
								</ul>
								
								<div class="pay">
									819.00 
									<span class="pay-tip">(含快递:0.00元)</span>
								</div>
								<div class="order-status">
									<span class="cancel" >订单已取消</span>
								</div>
								<div class="operation">
									<a class="op-item" href="">查看订单</a>
								</div>
							</div>
						</div>
						
						<div class="order">
							<p class="order-title">
								订单编号：1611170939
								<span class="right">下单时间：2016-05-21 23:51:51</span>
							</p>
							<div class="order-wrap">
								<ul>
									<li>
										<div class="info clearfix">
											<a class="thumb-wrap" href="">
												<img class="thumb" src="./images/0291affd7eb9c3a17994433cf0f11cb4ef.jpg" alt="" />
											</a>
											<div class="text-info">
												<a class="name" href="">New Balance 996复古跑鞋</a>
												<span class="color-size">颜色：灰色   尺码：37码 </span>
											</div>
										</div>
										<div class="price">819.00</div>
										<div class="count">1</div>
									</li>
								</ul>
								
								<div class="pay">
									819.00 
									<span class="pay-tip">(含快递:0.00元)</span>
								</div>
								<div class="order-status">
									<span class="no-pay" >订单已成功，等待付款</span>
								</div>
								<div class="operation">
									<a class="op-item pay-now" href="">立即付款</a>
									<a class="op-item" href="">查看订单</a>
									<a class="op-item" href="">取消订单</a>
								</div>
							</div>
						</div>
						
					</div>
					
					<div class="me-pager clearfix">
						<div class="pull-right">
							<span>共1条结果，1/1页</span>
						</div>
					</div>
				</div>
				
				<div class="help-us">
					<img class="help-us-icon" src="" alt="" />客服电话：400-889-9646 08:00-22:30(周一至周日)
				</div>
			</div>
		</div>
		
		
	</body>
</html>
